Ext.define('SistIntegral.QuejasReclamos', {
    //extend: 'Ext.ux.desktop.Module',
    requires: ['SistIntegral.FrmQR.Tema', '*'],
    //id:'notepad',
    Inicio: function() {

        function colorFondo(val) {
            if (val != null)
                return '<div style="padding: 2px 3px; margin: 0;">' + val + '</div>'
            else
                return '';
        }

        function colorRiesgo(val, meta, record) {
            if (val != null)
                return '<div style="background-color:#' + val + '; padding:0; margin: 0;text-align: center;"><span style="padding: 2px 3px; margin: 0; font-size: 12px; font-weight: bold; font-family: Arial, Tahoma, Verdana; display: block;">'  + record.get('Riesgo') + '</span></div>';
            else
                return '';
        }

        function colorEstado(val, meta, record) {
            if (val != null)
                return '<div style="background-color:#' + val + '; padding: 0; margin: 0; text-align: center;"><span style="padding: 2px 3px; margin: 0; font-size: 12px; font-weight: bold; font-family: Arial, Tahoma, Verdana; display: block;">' + record.get('Estado') + '</span></div>'
            else
                return '';
        }

        var StoreQuejaReclamo = Ext.create('Ext.data.Store', {
            model: 'QuejaReclamo',
            pageSize: 25,
            proxy: {
                type: 'ajax',
                url: 'quejareclamo/index',
                reader: {
                    type: 'json',
                    root: 'grid'
                }
            }
        });

        var StoreEstadoQR = Ext.create('Ext.data.Store', {
            model: 'Indicador',
            pageSize: 25,
            proxy: {
                type: 'ajax',
                url: 'indicador/index',
                extraParams: {
                    TipoIndicador: 3
                },
                reader: {
                    type: 'json',
                    root: 'grid'
                }
            }
        });

        var StoreNivelQR = Ext.create('Ext.data.Store', {
            model: 'Indicador',
            pageSize: 25,
            proxy: {
                type: 'ajax',
                url: 'indicador/index',
                extraParams: {
                    TipoIndicador: 2
                },
                reader: {
                    type: 'json',
                    root: 'grid'
                }
            }
        });

        var StoreRiesgoQR = Ext.create('Ext.data.Store', {
            model: 'Indicador',
            pageSize: 25,
            proxy: {
                type: 'ajax',
                url: 'indicador/index',
                extraParams: {
                    TipoIndicador: 1
                },
                reader: {
                    type: 'json',
                    root: 'grid'
                }
            }
        });

        var StoreInvQR = Ext.create('Ext.data.Store', {
            model: 'Involucrado',
            pageSize: 25,
            proxy: {
                type: 'ajax',
                url: 'involucrado/index',
                extraParams: {
                    Tipo: false
                },
                reader: {
                    type: 'json',
                    root: 'grid'
                }
            }
        });

        var StoreDenQR = Ext.create('Ext.data.Store', {
            model: 'Involucrado',
            pageSize: 25,
            proxy: {
                type: 'ajax',
                url: 'involucrado/index',
                extraParams: {
                    Tipo: true
                },
                reader: {
                    type: 'json',
                    root: 'grid'
                }
            }
        });

        var StoreTema = Ext.create('Ext.data.Store', {
            model: 'TemaQR',
            pageSize: 25,
            proxy: {
                type: 'ajax',
                url: 'temaquejareclamo/index',
                reader: {
                    type: 'json',
                    root: 'grid'
                }
            }
        });

        var StoreQR = Ext.create('Ext.data.TreeStore', {
            fields: ['text', 'id', 'expanded', 'nivel'],
            proxy: {
                type: 'ajax',
                url: 'quejareclamo/TreeMenu'
            },
            root: {
                text: 'Quejas y Reclamos',
                id: '1',
                nivel: '0',
                expanded: true
            },
            folderSort: true
        });

        var ArbolQR = new Ext.tree.TreePanel({
            region: 'west',
            id: 'arbolmenu',
            width: 150,
            title: 'MENU',
            split: true,
            collapsible: true,
            margins: {
                left: 0
            },
            border: true,
            autoScroll: true,
            useArrows: true,
            store: StoreQR,
            rootVisible: true
        });

        var TabPanel = Ext.create('Ext.tab.Panel', {
            id: 'PnlQR',
            //bodyPadding:'5',
            activeTab: 1,
            layout: 'fit',
            region: 'center',
            items: [{
                    title: 'Bienvenido',
                    bodyPadding: 10,
                    html: 'Configurar Reportes'
                }
            ]
        });

        var PanelContenedor = Ext.create('Ext.panel.Panel', {
            id: 'PnlContQR',
            layout: 'border',
            bodyBorder: false,
            border: false,
            defaults: {
                collapsible: true,
                split: true,
                animFloat: false,
                autoHide: false,
                useSplitTips: true
            },
            items: [TabPanel, ArbolQR]
        });


        ArbolQR.on('itemclick', function(node, rec, item, index, e) {

            var tbar = null,
                panel = null,
                opts = {}, existe = null,
                tbargrid = {};
            e.stopEvent();

            if (rec.get('id') == '1' && !Ext.getCmp('PnlTema')) {

                var gridTema = Ext.create('Ext.grid.Panel', {
                    id: 'gridTemaQR',
                    columnLines: true,
                    layout: 'fit',
                    region: 'center',
                    border: false,
                    store: StoreTema,
                    loadMask: true,
                    viewConfig: {
                        trackOver: false,
                        stripeRows: true
                    },
                    columns: [{
                            xtype: 'rownumberer',
                            width: 35
                        }, {
                            text: "Nombre Tema",
                            dataIndex: 'NomTema',
                            flex: 1,
                            sortable: true
                        }, {
                            text: "DESCRIPCION TEMA",
                            dataIndex: 'DescTema',
                            flex: 2,
                            sortable: true
                        }
                    ],
                    bbar: Ext.create('Ext.PagingToolbar', {
                        store: StoreTema,
                        displayInfo: true,
                        displayMsg: 'Temas {0} - {1} de {2}',
                        emptyMsg: "No Existen Temas Registrados"
                    })
                });
                StoreTema.load();
                var PnlTema = Ext.create('Ext.panel.Panel', {
                    id: 'PnlTemaQR',
                    title: 'TEMA',
                    layout: 'border',
                    tbar: [{
                            width: 150,
                            emptyText: 'Ingrese Tema',
                            xtype: 'searchfield',
                            store: StoreTema
                        }, '->', {
                            itemId: 'create',
                            text: 'Agregar',
                            iconCls: 'agregar',
                            hrefTarget: 'temaquejareclamo/create',
                            handler: function(btn) {
                                new SistIntegral.FrmQR.Tema().Window(btn);
                            }
                        }, '-', {
                            itemId: 'edit',
                            text: 'Editar',
                            iconCls: 'editar',
                            hrefTarget: 'temaquejareclamo/edit/',
                            handler: function(btn) {
                                new SistIntegral.FrmQR.Tema().Window(btn);
                            },
                            disabled: false
                        }, '-', {
                            itemId: 'eliminar',
                            text: 'Eliminar',
                            iconCls: 'eliminar',
                            handler: function() {

                            },
                            disabled: true
                        }
                    ],
                    items: [gridTema],

                    closable: false
                });

                Ext.getCmp('PnlQR').removeAll();
                Ext.getCmp('PnlQR').add(PnlTema);
                Ext.getCmp('PnlQR').setActiveTab(PnlTema);
            } else if (rec.get('id') == '2' && !Ext.getCmp('PnlInvQR')) {

                var gridInv = Ext.create('Ext.grid.Panel', {
                    id: 'gridInvQR',
                    columnLines: true,
                    layout: 'fit',
                    region: 'center',
                    border: false,
                    store: StoreInvQR,
                    loadMask: true,
                    viewConfig: {
                        trackOver: false,
                        stripeRows: true
                    },
                    columns: [{
                            xtype: 'rownumberer',
                            width: 35
                        }, {
                            text: "Nombre",
                            dataIndex: 'Nombre',
                            flex: 1,
                            sortable: true
                        }, {
                            text: "Descripcion",
                            dataIndex: 'Descripcion',
                            flex: 2,
                            sortable: true
                        }
                    ],
                    bbar: Ext.create('Ext.PagingToolbar', {
                        store: StoreInvQR,
                        displayInfo: true,
                        displayMsg: 'Involucrados {0} - {1} de {2}',
                        emptyMsg: "No Existen Denunciantes Registrados"
                    })
                });
                StoreInvQR.load();

                var PnlInvQR = Ext.create('Ext.panel.Panel', {
                    id: 'PnlInvQR',
                    title: 'Involucrados',
                    layout: 'border',
                    tbar: [{
                            width: 150,
                            emptyText: 'Ingrese Nombre',
                            xtype: 'searchfield',
                            store: StoreInvQR
                        }, '->', {
                            itemId: 'create',
                            text: 'Agregar',
                            iconCls: 'agregar',
                            hrefTarget: 'involucrado/create',
                            handler: function(btn) {
                                btn.Tipo = false;
                                new SistIntegral.FrmQR.InvDen().Window(btn);
                            }
                        }, '-', {
                            itemId: 'edit',
                            text: 'Editar',
                            iconCls: 'editar',
                            hrefTarget: 'involucrado/edit/',
                            handler: function(btn) {
                                btn.Tipo = false;
                                new SistIntegral.FrmQR.InvDen().Window(btn);
                            }
                        }, '-', {
                            itemId: 'eliminar',
                            text: 'Eliminar',
                            iconCls: 'eliminar',
                            handler: function() {},
                            disabled: true
                        }
                    ],
                    items: [gridInv],
                    closable: false
                });

                Ext.getCmp('PnlQR').removeAll();
                Ext.getCmp('PnlQR').add(PnlInvQR);
                Ext.getCmp('PnlQR').setActiveTab(PnlInvQR);
            } else if (rec.get('id') == '3' && !Ext.getCmp('PnlDenQR')) {

                var gridDenQR = Ext.create('Ext.grid.Panel', {
                    id: 'gridDenQR',
                    columnLines: true,
                    layout: 'fit',
                    region: 'center',
                    border: false,
                    store: StoreDenQR,
                    loadMask: true,
                    viewConfig: {
                        trackOver: false,
                        stripeRows: true
                    },
                    columns: [{
                            xtype: 'rownumberer',
                            width: 35
                        }, {
                            text: "Nombre",
                            dataIndex: 'Nombre',
                            flex: 1,
                            sortable: true
                        }, {
                            text: "Descripcion",
                            dataIndex: 'Descripcion',
                            flex: 2,
                            sortable: true
                        }
                    ],
                    bbar: Ext.create('Ext.PagingToolbar', {
                        store: StoreDenQR,
                        displayInfo: true,
                        displayMsg: 'Involucrados {0} - {1} de {2}',
                        emptyMsg: "No Existen Denunciados Registrados"
                    })
                });
                StoreDenQR.load();

                var PnlDenQR = Ext.create('Ext.panel.Panel', {
                    id: 'PnlDenQR',
                    title: 'Denunciados',
                    layout: 'border',
                    tbar: [{
                            width: 150,
                            emptyText: 'Ingrese Nombre',
                            xtype: 'searchfield',
                            store: StoreDenQR
                        }, '->', {
                            itemId: 'create',
                            text: 'Agregar',
                            iconCls: 'agregar',
                            hrefTarget: 'involucrado/create',
                            handler: function(btn) {
                                btn.Tipo = true;
                                new SistIntegral.FrmQR.InvDen().Window(btn);
                            }
                        }, '-', {
                            itemId: 'edit',
                            text: 'Editar',
                            iconCls: 'editar',
                            hrefTarget: 'involucrado/edit/',
                            handler: function(btn) {
                                btn.Tipo = true;
                                new SistIntegral.FrmQR.InvDen().Window(btn);
                            }
                        }, '-', {
                            itemId: 'eliminar',
                            text: 'Eliminar',
                            iconCls: 'eliminar',
                            handler: function() {
                            },
                            disabled: true
                        }
                    ],
                    items: [gridDenQR],
                    closable: false
                });

                Ext.getCmp('PnlQR').removeAll();
                Ext.getCmp('PnlQR').add(PnlDenQR);
                Ext.getCmp('PnlQR').setActiveTab(PnlDenQR);
            } else if (rec.get('id') == '4' && !Ext.getCmp('PnlRiesgoQR')) {


                if (Ext.getCmp('gridIndicadorQR')) {
                    Ext.getCmp('gridIndicadorQR').destroy();
                }

                var gridIndicadorQR = Ext.create('Ext.grid.Panel', {
                    id: 'gridIndicadorQR',
                    columnLines: true,
                    layout: 'fit',
                    region: 'center',
                    border: false,
                    store: StoreRiesgoQR,
                    loadMask: true,
                    viewConfig: {
                        trackOver: false,
                        stripeRows: true
                    },
                    columns: [{
                            xtype: 'rownumberer',
                            width: 35
                        }, {
                            text: "Nombre",
                            dataIndex: 'NomIndicador',
                            flex: 1,
                            sortable: true
                        }, {
                            text: "Escala",
                            dataIndex: 'Escala',
                            width: 70,
                            sortable: true
                        }, {
                            text: "Color",
                            dataIndex: 'Color',
                            width: 70,
                            sortable: true,
                            renderer: colorFondo
                        }, {
                            text: "Descripcion",
                            dataIndex: 'DescIndicador',
                            flex: 2,
                            sortable: true
                        }
                    ],
                    bbar: Ext.create('Ext.PagingToolbar', {
                        store: StoreRiesgoQR,
                        displayInfo: true,
                        displayMsg: 'Involucrados {0} - {1} de {2}',
                        emptyMsg: "No Existen Denunciados Registrados"
                    })
                });
                StoreRiesgoQR.load();

                var PnlRiesgoQR = Ext.create('Ext.panel.Panel', {
                    id: 'PnlRiesgoQR',
                    title: 'Riesgo',
                    layout: 'border',
                    tbar: [{
                            width: 150,
                            emptyText: 'Ingrese Riesgo',
                            xtype: 'searchfield',
                            store: StoreRiesgoQR
                        }, '->', {
                            itemId: 'create',
                            text: 'Agregar',
                            iconCls: 'agregar',
                            hrefTarget: 'indicador/create',
                            handler: function(btn) {
                                btn.TipoIndicador = 1;
                                btn.Titulo = ' Riesgo';
                                new SistIntegral.FrmQR.Indicador().Window(btn);
                            }
                        }, '-', {
                            itemId: 'edit',
                            text: 'Editar',
                            iconCls: 'editar',
                            hrefTarget: 'indicador/edit/',
                            handler: function(btn) {
                                btn.TipoIndicador = 1;
                                btn.Titulo = ' Riesgo';
                                new SistIntegral.FrmQR.Indicador().Window(btn);
                            }
                        }, '-', {
                            itemId: 'eliminar',
                            text: 'Eliminar',
                            iconCls: 'eliminar',
                            handler: function() {
                            },
                            disabled: true
                        }
                    ],
                    items: [gridIndicadorQR],
                    closable: false
                });

                Ext.getCmp('PnlQR').removeAll();
                Ext.getCmp('PnlQR').add(PnlRiesgoQR);
                Ext.getCmp('PnlQR').setActiveTab(PnlRiesgoQR);
            } else if (rec.get('id') == '5' && !Ext.getCmp('PnlNivelQR')) {

                if (Ext.getCmp('gridIndicadorQR')) {
                    Ext.getCmp('gridIndicadorQR').destroy();
                }

                var gridNivelQR = Ext.create('Ext.grid.Panel', {
                    id: 'gridIndicadorQR',
                    columnLines: true,
                    layout: 'fit',
                    region: 'center',
                    border: false,
                    store: StoreNivelQR,
                    loadMask: true,
                    viewConfig: {
                        trackOver: false,
                        stripeRows: true
                    },
                    columns: [{
                            xtype: 'rownumberer',
                            width: 35
                        }, {
                            text: "Nombre",
                            dataIndex: 'NomIndicador',
                            flex: 1,
                            sortable: true
                        }, {
                            text: "Escala",
                            dataIndex: 'Escala',
                            width: 70,
                            sortable: true
                        }, {
                            text: "Color",
                            dataIndex: 'Color',
                            width: 70,
                            sortable: true,
                            renderer: colorFondo
                        }, {
                            text: "Descripcion",
                            dataIndex: 'DescIndicador',
                            flex: 2,
                            sortable: true
                        }
                    ],
                    bbar: Ext.create('Ext.PagingToolbar', {
                        store: StoreNivelQR,
                        displayInfo: true,
                        displayMsg: 'Nivel {0} - {1} de {2}',
                        emptyMsg: "No Existen Niveles Registrados"
                    })
                });
                StoreNivelQR.load();

                var PnlNivelQR = Ext.create('Ext.panel.Panel', {
                    id: 'PnlNivelQR',
                    title: 'Nivel',
                    layout: 'border',
                    tbar: [{
                            width: 150,
                            emptyText: 'Ingrese Nivel',
                            xtype: 'searchfield',
                            store: StoreNivelQR
                        }, '->', {
                            itemId: 'create',
                            text: 'Agregar',
                            iconCls: 'agregar',
                            hrefTarget: 'indicador/create',
                            handler: function(btn) {
                                btn.TipoIndicador = 2;
                                btn.Titulo = ' Nivel';
                                new SistIntegral.FrmQR.Indicador().Window(btn);
                            }
                        }, '-', {
                            itemId: 'edit',
                            text: 'Editar',
                            iconCls: 'editar',
                            hrefTarget: 'indicador/edit/',
                            handler: function(btn) {
                                btn.TipoIndicador = 2;
                                btn.Titulo = ' Nivel';
                                new SistIntegral.FrmQR.Indicador().Window(btn);
                            }
                        }, '-', {
                            itemId: 'eliminar',
                            text: 'Eliminar',
                            iconCls: 'eliminar',
                            handler: function() {
                            },
                            disabled: true
                        }
                    ],
                    items: [gridNivelQR],
                    closable: false
                });

                Ext.getCmp('PnlQR').removeAll();
                Ext.getCmp('PnlQR').add(PnlNivelQR);
                Ext.getCmp('PnlQR').setActiveTab(PnlNivelQR);
            } else if (rec.get('id') == '6' && !Ext.getCmp('PnlEstadoQR')) {


                if (Ext.getCmp('gridIndicadorQR')) {
                    Ext.getCmp('gridIndicadorQR').destroy();
                }
                var gridEstadoQR = Ext.create('Ext.grid.Panel', {
                    id: 'gridIndicadorQR',
                    columnLines: true,
                    layout: 'fit',
                    region: 'center',
                    border: false,
                    store: StoreEstadoQR,
                    loadMask: true,
                    viewConfig: {
                        trackOver: false,
                        stripeRows: true
                    },
                    columns: [{
                            xtype: 'rownumberer',
                            width: 35
                        }, {
                            text: "Nombre",
                            dataIndex: 'NomIndicador',
                            flex: 1,
                            sortable: true
                        }, {
                            text: "Escala",
                            dataIndex: 'Escala',
                            width: 70,
                            sortable: true
                        }, {
                            text: "Color",
                            dataIndex: 'Color',
                            width: 70,
                            sortable: true,
                            renderer: colorFondo
                        }, {
                            text: "Descripcion",
                            dataIndex: 'DescIndicador',
                            flex: 2,
                            sortable: true
                        }
                    ],
                    bbar: Ext.create('Ext.PagingToolbar', {
                        store: StoreEstadoQR,
                        displayInfo: true,
                        displayMsg: 'Estado {0} - {1} de {2}',
                        emptyMsg: "No Existen Estados Registrados"
                    })
                });
                StoreEstadoQR.load();

                var PnlEstadoQR = Ext.create('Ext.panel.Panel', {
                    id: 'PnlEstadoQR',
                    title: 'Estado',
                    layout: 'border',
                    tbar: [{
                            width: 150,
                            emptyText: 'Ingrese Estado',
                            xtype: 'searchfield',
                            store: StoreEstadoQR
                        }, '->', {
                            itemId: 'create',
                            text: 'Agregar',
                            iconCls: 'agregar',
                            hrefTarget: 'indicador/create',
                            handler: function(btn) {
                                btn.TipoIndicador = 3;
                                btn.Titulo = ' Estado';
                                new SistIntegral.FrmQR.Indicador().Window(btn);
                            }
                        }, '-', {
                            itemId: 'edit',
                            text: 'Editar',
                            iconCls: 'editar',
                            hrefTarget: 'indicador/edit/',
                            handler: function(btn) {
                                btn.TipoIndicador = 3;
                                btn.Titulo = ' Estado';
                                new SistIntegral.FrmQR.Indicador().Window(btn);
                            }
                        }, '-', {
                            itemId: 'eliminar',
                            text: 'Eliminar',
                            iconCls: 'eliminar',
                            handler: function() {
                            },
                            disabled: true
                        }
                    ],
                    items: [gridEstadoQR],
                    closable: false
                });

                Ext.getCmp('PnlQR').removeAll();
                Ext.getCmp('PnlQR').add(PnlEstadoQR);
                Ext.getCmp('PnlQR').setActiveTab(PnlEstadoQR);
            } else if (rec.get('id') == '7' && !Ext.getCmp('PnlQuejaReclamo')) {

                var gridQuejaReclamo = Ext.create('Ext.grid.Panel', {
                    id: 'gridQuejaReclamo',
                    columnLines: true,
                    layout: 'fit',
                    region: 'center',
                    border: false,
                    store: StoreQuejaReclamo,
                    loadMask: true,
                    emptyText: '<div style="font-size: 12px; font-family: Tahoma, Arial; text-align:center; padding: 5px;">NO EXISTEN REGISTROS</div>',
                    viewConfig: {
                        trackOver: false,
                        stripeRows: true
                    },
                    columns: [{
                            xtype: 'rownumberer',
                            width: 35
                        }, {
                            text: "Fecha",
                            dataIndex: 'FechaReporte',
                            width: 70,
                            sortable: true
                        }, {
                            text: "Reclamo",
                            dataIndex: 'Reclamo',
                            flex: 2,
                            sortable: true,
                            renderer: colorFondo
                        }, {
                            text: "Caserio",
                            dataIndex: 'Caserio',
                            width: 120,
                            sortable: true
                        }, {
                            text: "Tema",
                            dataIndex: 'NomTema',
                            width: 100,
                            sortable: true
                        },
                        {
                            text: "Riesgo",
                            dataIndex: 'ColorRiesgo',
                            width: 130,
                            sortable: true,
                            renderer: colorRiesgo
                        },
                        {
                            text: "Estado",
                            dataIndex: 'ColorEstado',
                            width: 195,
                            sortable: true,
                            renderer: colorEstado
                        }
                    ],
                    bbar: Ext.create('Ext.PagingToolbar', {
                        store: StoreQuejaReclamo,
                        displayInfo: true,
                        displayMsg: 'Queja Reclamo {0} - {1} de {2}',
                        emptyMsg: "No Existen Quejas Reclamos Registrados"
                    })
                });

                StoreQuejaReclamo.load();

                gridQuejaReclamo.on('itemclick', function(grid, record, item, index, e) {
                    var IdQR = record.get('IdQuejaReclamo');
                    var Titulo = record.get('Reclamo');
                    var tbarQR = Ext.create('Ext.toolbar.Toolbar', {
                        items: [
                            {
                                fieldLabel: 'cnuevo',
                                text: 'Denunciantes',
                                //iconCls: 'epspropiosIcon',
                                handler: function(btn) {
                                    btn.IdQR = IdQR;
                                    btn.Tipo = 'false';
                                    new SistIntegral.QRWidget.InvQR().Grilla(btn);
                                }
                            }, '-', {
                                text: 'Denunciados',
                                //iconCls: 'vacacionesIcon',
                                handler: function(btn) {
                                    btn.IdQR = IdQR;
                                    btn.Tipo = 'true';
                                    new SistIntegral.QRDndos.InvQR().Grilla(btn);
                                }
                            }, '-', {
                                text: 'Riesgos',
                                //iconCls: 'rentadequintaIcon',
                                handler: function(btn) {
                                    btn.IdQR = IdQR;
                                    btn.Titulo = 'Riesgo';
                                    btn.Tipo = 1;
                                    btn.Indicador = 'riesgoquejareclamo';
                                    new SistIntegral.QRIndicador.Widget().Panel(btn);
                                }
                            }, '-', {
                                text: 'Estados',
                                //iconCls: 'sistemapensionIcon',
                                handler: function(btn) {
                                    btn.IdQR = IdQR;
                                    btn.Titulo = 'Estado';
                                    btn.Tipo = 3;
                                    btn.Indicador = 'estadoporquejareclamo';
                                    new SistIntegral.QRIndicador.Widget().Panel(btn);
                                }
                            }, '-',
                            {
                                xtype: 'label',
                                text: (Titulo).substr(0, 100)
                            }
                        ]
                    });

                    if (Ext.getCmp('PnlSubQR' + IdQR)) {
                        Ext.getCmp('PnlSubQR' + IdQR).destroy();
                    }
                    var paneld = Ext.create('Ext.panel.Panel', {
                        id: 'PnlSubQR' + IdQR,
                        //title: (Titulo).substr(0, 100),
                        layout: 'fit',
                        bodyBorder: false,
                        closable: false,
                        tbar: tbarQR,
                        border: false
                    });
                    Ext.getCmp('PnlDetalles').removeAll();
                    Ext.getCmp('PnlDetalles').add(paneld);
                });



                var alto = Ext.getCmp("PnlQR").getHeight() / 2;
                var PnlDetalles = {
                    id: "PnlDetalles",
                    xtype: "panel",
                    region: "south",
                    layout: 'fit',
                    //height: 300,
                    height: alto,
                    split: true,
                    collapsible: true,
                    header: false,
                    title: "Detalles"
                };

                function recargaStore(){
                    StoreQuejaReclamo.reload({
                        params: {
                            qfechain    : Ext.getCmp('qfechain').getValue(),
                            qfechafin   : Ext.getCmp('qfechafin').getValue(),
                            qcaserio    : Ext.getCmp('qcaserio').getValue(),
                            qreclamo    : Ext.getCmp('qreclamo').getValue(),
                            qtema       : Ext.getCmp('qtema').getValue(),
                            qriesgo     : Ext.getCmp('qriesgo').getValue(),
                            qestado     : Ext.getCmp('qestado').getValue()
                        }
                    });
                }

                var storeQREstado = Ext.create('Ext.data.Store', {
                    model: 'Indicador',
                    pageSize: 25,
                    proxy: {
                        type: 'ajax',
                        url: 'indicador/index',
                        extraParams: {
                            TipoIndicador: 3
                        },
                        reader: {
                            type: 'json',
                            root: 'grid'
                        }
                    }
                });
                var storeQRTema = Ext.create('Ext.data.Store', {
                    model: 'TemaQR',
                    pageSize: 25,
                    proxy: {
                        type: 'ajax',
                        url: 'temaquejareclamo/index',
                        reader: {
                            type: 'json',
                            root: 'grid'
                        }
                    }
                });


                var storeQRRiesgo = Ext.create('Ext.data.Store', {
                    model: 'Indicador',
                    pageSize: 25,
                    proxy: {
                        type: 'ajax',
                        url: 'indicador/index',
                        extraParams: {
                            TipoIndicador: 1
                        },
                        reader: {
                            type: 'json',
                            root: 'grid'
                        }
                    }
                });

                var PnlQuejaReclamo = Ext.create('Ext.panel.Panel', {
                    id: 'PnlQuejaReclamo',
                    title: 'Quejas Reclamos',
                    layout: 'border',
                    tbar: [
                        {
                            xtype: 'datefield',
                            format: 'd/m/Y',
                            submitFormat: 'Y-m-d H:i:s',
                            id:'qfechain',
                            name: 'qfechain',
                            width: 155,
                            labelWidth: 55,
                            fieldLabel: 'Buscar de:',
                            maxValue: new Date(),
                            minValue: "01/01/2013",
                            value: "01/01/2013",
                            listeners: {
                                'select': function() {
                                    if (this.getValue() > Ext.getCmp('qfechafin').getValue() ) {
                                        Ext.getCmp('qfechafin').setValue(Ext.Date.add(this.getValue(),Ext.Date.DAY,1));
                                    }
                                    recargaStore();
                                }
                            }
                        },
                        {
                            xtype: 'datefield',
                            format: 'd/m/Y',
                            id:'qfechafin',
                            name: 'qfechafin',
                            width: 110,
                            labelWidth: 10,
                            fieldLabel: 'a:',
                            maxValue: new Date(),
                            minValue: "01/01/2013",
                            value: new Date(),
                            listeners: {
                                'select': function() {
                                    if (Ext.getCmp('qfechain').getValue() > this.getValue() ) {
                                        Ext.getCmp('qfechain').setValue(Ext.Date.add(this.getValue(),Ext.Date.DAY,-1));
                                    }
                                    recargaStore();
                                }
                            }
                        },
                        '-',
                        {
                            id: 'qreclamo',
                            width: 175,
                            emptyText: 'Reclamo...',
                            xtype: 'textfield',
                            listeners: {
                                'change': function() {
                                    recargaStore();
                                }
                            }
                        },
                        {
                            id: 'qcaserio',
                            width: 150,
                            emptyText: 'Caserio...',
                            xtype: 'textfield',
                            listeners: {
                                'change': function() {
                                    recargaStore();
                                }
                            }
                        },
                        {
                            id: 'qtema',
                            width: 100,
                            emptyText: 'Tema...',
                            xtype: 'combo',
                            store: storeQRTema,
                            valueField : 'NomTema',
                            displayField: 'NomTema',
                            triggerAction: 'all',
                            minChars:1,
                            listeners: {
                                'select': function() {
                                    recargaStore();
                                },
                                'change': function() {
                                    if (this.getValue() == null) {
                                        recargaStore();
                                    }
                                }
                            },
                            listConfig: {
                                loadingText: 'Buscando...',
                                emptyText: 'Sin Resultados',
                                getInnerTpl: function() {
                                    return '<span style="font-size: 12px; font-family: Tahoma, Arial;">{NomTema}</span>';
                                }
                            }
                        },
                        {
                            id: 'qriesgo',
                            width: 100,
                            emptyText: 'Riesgo...',
                            xtype: 'combo',
                            store: storeQRRiesgo,
                            valueField : 'NomIndicador',
                            displayField: 'NomIndicador',
                            triggerAction: 'all',
                            minChars:1,
                            listeners: {
                                'select': function() {
                                    recargaStore();
                                },
                                'change': function() {
                                    if (this.getValue() == null) {
                                        recargaStore();
                                    }
                                }
                            },
                            listConfig: {
                                loadingText: 'Buscando...',
                                emptyText: 'Sin Resultados',
                                getInnerTpl: function() {
                                    return '<a><h3 style= "background:' + '#{Color}' + '" ><span style="font-size: 12px; font-family: Arial,Tahoma; margin: 0; padding: 0">{NomIndicador}</span></h3></a>';
                                }
                            }
                        },
                        {
                            id: 'qestado',
                            width: 150,
                            emptyText: 'Estado...',
                            xtype: 'combo',
                            store: storeQREstado,
                            valueField : 'NomIndicador',
                            displayField: 'NomIndicador',
                            triggerAction: 'all',
                            minChars:1,
                            listeners: {
                                'select': function() {
                                    recargaStore();
                                },
                                'change': function() {
                                    if (this.getValue() == null) {
                                        recargaStore();
                                    }
                                }
                            },
                            listConfig: {
                                loadingText: 'Buscando...',
                                emptyText: 'Sin Resultados',
                                getInnerTpl: function() {
                                    return '<a><h3 style= "background:' + '#{Color}' + '" ><span style="font-size: 12px; font-family: Arial,Tahoma; margin: 0; padding: 0">{NomIndicador}</span></h3></a>';
                                }
                            }
                        },
                        '->',
                        '-',
                        {
                            itemId: 'create',
                            text: 'Agregar',
                            iconCls: 'agregar',
                            hrefTarget: 'quejareclamo/create',
                            handler: function(btn) {
                                btn.TipoIndicador = 3;
                                btn.Titulo = ' Queja Reclamo';
                                new SistIntegral.FrmQR.QuejaReclamo().Window(btn);
                            }
                        },
                        '-',
                        {
                            itemId: 'edit',
                            text: 'Editar',
                            iconCls: 'editar',
                            hrefTarget: 'quejareclamo/edit/',
                            handler: function(btn) {
                                btn.TipoIndicador = 3;
                                btn.Titulo = ' Queja Reclamo';
                                new SistIntegral.FrmQR.QuejaReclamo().Window(btn);
                            }
                        },
                        '-',
                        {
                            itemId: 'eliminar',
                            text: 'Eliminar',
                            iconCls: 'eliminar',
                            handler: function() {
                            },
                            disabled: true
                        }
                    ],
                    items: [gridQuejaReclamo, PnlDetalles],
                    closable: false
                });
                Ext.getCmp('PnlQR').removeAll();
                Ext.getCmp('PnlQR').add(PnlQuejaReclamo);
                Ext.getCmp('PnlQR').setActiveTab(PnlQuejaReclamo);

            }

        });

        return PanelContenedor;
    }

});

Ext.define('MyDesktop.Notepad', {
    extend: 'Ext.ux.desktop.Module',

    //    requires: [
    //        'Ext.form.field.HtmlEditor'
    //        //'Ext.form.field.TextArea'
    //    ],

    id: 'notepad',

    init: function() {
        this.launcher = {
            text: 'Quejas y Reclamos',
            iconCls: 'notepad',
            handler: this.createWindow,
            scope: this
        }
    },

    createWindow: function() {
        var desktop = this.app.getDesktop();
        var win = desktop.getWindow('notepad');
        var ancho = Escritorio.Funciones.Ancho({
            desktop: desktop
        });
        var alto = Escritorio.Funciones.Alto({
            desktop: desktop
        });
        if (!win) {
            var smc = new SistIntegral.QuejasReclamos();
            win = desktop.createWindow({
                id: 'notepad',
                title: 'QUEJAS Y RECLAMOS',
                width: ancho,
                height: alto,
                iconCls: 'notepad',
                animCollapse: false,
                border: false,
                hideMode: 'offsets',
                layout: 'fit',
                items: [smc.Inicio()]
            });
        } else {
            win.setWidth(ancho);
            win.setHeight(alto);
        }
        win.show();
        return win;
    }
});